<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>订单管理</title>
    <link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css">
<style>
			.navbar-header{
			min-width: 310px;
			color: white;
		}
		.navbar-header,.nav{
    		display: inline-block;
		}

		.nav-pills {
  		    height: 36px;
 		    padding-left: 60px;
		}

		.navbar-brand img {
  		    width: 50px;
  		    height: 30px;
    		vertical-align: middle;
    		display: inline;
		}
		.navbar-header span {
		    display: inline-block;
		    height: 60px;
		    line-height: 60px;
		    font-size: 18px;
		}

		.nav>li > a {
		    height: 60px;
		    line-height: 42px;
		    color: #fff;
		    border-radius: 0;
		}

		.nav-pills > li.active > a {
		    color: #53c5ff;
		    background: #30383e;
		}

		.nav > li > a:focus, .nav > li > a:hover {
		    color: #53c5ff;
		    background: #30383e;
		}
</style>
</head>
<body style="overflow-x: hidden">
	<div style="width: 100%; min-width:1000px;height:60px;background-color: #30383e;">
           <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="images/head-logo.png">
            </a>
            <span>D-Server人工智能服务器</span>
        </div>
        <div style="display: inline; width: 400px;">
        <ul class="nav nav-pills">
            <li role="presentation"><a href="http://ds.cstor.cn/#/dServer">人工智能服务器 </a></li>
            <li role="presentation"><a href="oders.html" style="color:#53c5ff">后台管理系统</a></li>

        </ul>
        </div>
        </div>
<div class="" style="margin-left:60px;width: 90%;margin-top: 30px;">
    <div class="row" id="query">

        <form class="form-inline" role="form" style="margin-left: 80px; width: 100%" method="post" id="queryForm">
            <div class="form-group">
                <input type="text" class="form-control" name="submitterName" id="submitterName" placeholder="请输入姓名">
            </div>
            <div class="form-group">
                <input placeholder="电话号码" class="form-control layer-date" id="submitterTel" name="submitterTel">
            </div>
            <div class="form-group">
                <button type="button" id="queryBtn" onclick="doQuery();" class="btn btn-primary">
                   查询</button>
            </div>
            <div class="form-group btn-right">
                <a type="button" href="peizhi.html" class="btn btn-success" id="addBtn" ">
                    修改配置</a>
            </div>
        </form>
    </div>
    <br>
    <div class="container" style="width: 100%">
        <table id="demo-table">

        </table>
    </div>
</div>
<!--静态弹出框-详情-->
<div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 680px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">订单详情</h4>
            </div>
            <div class="modal-body" style="height:400px;overflow:auto; ">
                <table id="detail" class="table table-bordered table-striped">
                    <tbody class="text-center">
                    <tr>
                        <td colspan="3" style="background-color: rgb(213,248,255);">用户信息</td>
                    </tr>
                    <tr>
                        <td>姓名</td>
                        <td colspan="2" id="name"></td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td colspan="2" id="telehpone"></td>
                    </tr>
                    <tr>
                        <td>地址</td>
                        <td colspan="2" id="address"></td>
                    </tr>
                    <tr>
                        <th colspan="3" style="text-align: center;background-color: rgb(255,254,198);">
                            配置信息（总价：￥<span id="totalprices"></span>元）</th>
                    </tr>
                    <tr id="peizhi">
                        <th class="text-center">所选配置</th>
                        <th class="text-center">所选数量</th>
                        <th class="text-center">价格（元）</th>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal -->
</div>

<!--静态弹出框-修改-->
<div class="modal fade" id="mod-goods" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 35%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">订单修改</h4>
            </div>
            <div class="modal-body" style="height:500px;overflow:auto; ">
                <table id="mod-detail" class="table table-striped">
                    <tbody class="text-center">
                    <tr>
                        <td colspan="4" style="background-color: rgb(213,248,255);">
                            <input id="mod-id" style="display: none">用户信息</td>
                    </tr>
                    <tr>
                        <td>姓名</td>
                        <td colspan="3"><input class="form-control" id="mod-name" onchange="updateOrder()"></td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td colspan="3"><input class="form-control" id="mod-telehpone" onchange="updateOrder()"></td>
                    </tr>
                    <tr>
                        <td>地址</td>
                        <td colspan="3"><input  class="form-control" id="mod-address" onchange="updateOrder()"></td>
                    </tr>
                    <tr>
                        <th colspan="4" style="text-align: center;background-color: rgb(255,254,198);">
                            配置信息（总价：￥<span id="mod-totalprices"></span>元）
                        </th>
                    </tr>
                    <tr id="mod-peizhi">
                        <th style="width: 50%" class="text-center">所选配置</th>
                        <th style="width: 15%" class="text-center">所选数量</th>
                        <th style="width: 20%" class="text-center">价格（/元）</th>
                        <th style="width: 15%" class="text-center">操作</th>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success pull-left" onclick="addGood()">添加商品</button>
                <button type="button" class="btn btn-info" id="peizhi-save" onclick="peizhiSave()">保存</button>&nbsp;
                <button type="button" class="btn btn-warning" id="peizhi-cancel" data-dismiss="modal">取消</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal -->
</div>
</body>
<script src="jquery/jquery.min.js"></script>
<script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="bootstrap-table/bootstrap-table.min.js"></script>
<script src="bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!--自定义js文件-->
<script src="js/oders.js"></script>
</html>